<template>
	<view>
		<button @click="onSetTimeCall()">单词定时器setTimeout</button>
		<button @click="onSetTimeCallxy(userName,password)">带参数setTimeout</button>
		<button @click="onTimeoutclear()" type="warn">取消定时器</button>
		<button @click="onInteral()" type="primary">周期打印</button>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				userName:"yyx",
				password:"666",
				timeoutID:null,
				count:0,

			}
		},
		methods: {
			onSetTimeCall(){
				console.log("onSetTimeCall-->"); 
				// setTimeout(callback,ms,ayn[])
				// 箭头函数(匿名函数)()=>{	}
				this.timeoutID setTimeout(()=>{
					//延时之后要执行的代码
					console.log("我延时2秒才会打印");
				},2000)
			},
			onSetTimeCallxy(name,pwd){
				console.log("onSetTimeCallxy--> neme:"+ neme+",pwd:"+pwd);
				// 还没敲完
				setTimeout((x,y)=>{
					console.log("我可以传参数了>x:"+x+",y:"+y);
				},2000,name,pwd);
			},
			onTimeoutclear(){
				console.log("onTimeoutClear----->定时器被我取消了:" + this.timeoutID);
				clearTimeout(this.timeoutID);
			},
			onInteral(){
				this.timeoutID = setInterval(()=>{
					this.count++;
					console.log("周期打印 count:",this.count);
				},1000)
			},
			
		}
	}
</script>

<style>

</style>
